GENERATIVE GESTALTUNG

Generative Gestaltung als interaktive Komponente

Generative Gestaltung ist ein Ansatz der Gestaltung, bei dem Algorithmen und Computersysteme genutzt werden, um kreative Ergebnisse zu erzielen. Es unterscheidet sich von traditionellen Designmethoden, da es das Design durch ein System generiert, das auf bestimmten Regeln und Eingaben basiert, und nicht durch den Designer selbst. Generative Gestaltung kann in verschiedenen Bereichen eingesetzt werden, wie Architektur, Kunst und Musik. Es kann helfen, komplexe Designprobleme zu lösen und unerwartete Ergebnisse zu erzielen. Es erfordert jedoch auch ein tieferes Verständnis der Technologie und ihrer Auswirkungen auf die Gestaltung. In der Zukunft wird es wahrscheinlich eine größere Verwendung von künstlicher Intelligenz und maschinellem Lernen in generativen Systemen, eine Verwendung in mehr Bereichen und ein größeres Bewusstsein für ethische Implikationen geben. ^[112]

Generative Gestaltung kann als interaktive Komponente in Websites und Anwendungen eingesetzt werden, indem sie dazu verwendet wird, dynamische visuelle Inhalte zu generieren, die auf Benutzerinteraktionen reagieren. Ein Beispiel dafür wäre eine Website, die generative Grafiken anzeigt, die sich je nach Scrollverhalten des Benutzers verändern.
Sie kann auch verwendet werden, um interaktive Installationen zu schaffen. Beispielsweise Installationen die auf Bewegungen und Interaktionen des Betrachters reagierten.
Ein weiteres Beispiel wäre die Verwendung von generativen Algorithmen, um Musik in Echtzeit zu generieren und basierend auf Interaktionen des Benutzers zu manipulieren. ^[113]
Allerdings gibt es auch Kritik an der generativen Gestaltung, da sie oft als eine Methode der Produktion von Inhalten gesehen wird, die nicht von kreativen Menschen erstellt wird und daher keinen wirklichen künstlerische Wert hat.
„DAS GENERATIVE SYSTEM KANN DIE ROLLE DES SCHÖPFERS ODER SEINES KÜNSTLERISCHEN SCHÖPFERS ÜBERNEHMEN“
- LeWitt, S ^[114]

APIs

APIs (Application Programming Interfaces) sind Schnittstellen, die es Entwicklern ermöglichen, auf bestimmte Funktionen oder Daten einer Anwendung oder eines Systems zuzugreifen. Sie ermöglichen es Entwicklern, verschiedene Systeme miteinander zu verbinden und zusammenzuarbeiten, indem sie ihre Funktionen und Daten teilen.
APIs können auf verschiedene Arten genutzt werden, z.B. durch Einbindung in eigene Anwendungen oder durch die Nutzung von Wrapper-Bibliotheken, die den Zugriff auf die API vereinfachen. Um eine API zu nutzen, benötigt man in der Regel einen Schlüssel oder eine Authentifizierung, um den Zugriff auf die Funktionen und Daten zu ermöglichen.

In Bezug auf generative Gestaltung, können APIs verwendet werden, um auf Daten und Funktionen von anderen Systemen oder Anwendungen zugreifen zu können, die für die Generierung von Designs verwendet werden können. Beispielsweise könnte eine generative Gestaltungsanwendung mithilfe einer API auf Wetterdaten zugreifen, um das Design von Gebäuden an die örtlichen Wetterbedingungen anzupassen. ^[115]

Für dieses Projekt wird eine Weltkarte verwendet, um die Verteilung von Tweets darzustellen, die bestimmte Begriffe enthalten, die mit autoritärer Gewalt in Zusammenhang stehen. Dies geschieht, indem die Twitter API genutzt wird, um Tweets in Echtzeit zu sammeln und zu filtern. Die gefilterten Tweets werden dann als Geopositionen übersetzt und auf die Weltkarte projiziert und dargestellt als Heatmap. Eine Heatmap ist eine Art visuelle Darstellung, bei der die Farben dazu verwendet werden, um die Häufigkeit oder Intensität eines bestimmten Phänomens darzustellen.
In diesem Fall wird die Heatmap verwendet, um die Orte auf der Welt anzuzeigen, an denen in Echtzeit Fälle autoritärer Gewalt stattfinden, die auf Tweets basieren. So kann man schnell und einfach erkennen, wo in der Welt autoritäre Gewalt ein aktuelles Problem ist. Dies kann nützlich sein, um ein besseres Verständnis der Verbreitung und der Auswirkungen von autoritärer Gewalt auf der ganzen Welt zu erhalten. ^[115]

„Die Heatmap ist eine grafische Aufbereitung von in Zusammenhang stehender Daten. Sie bezieht sich im Regelfall auf den Ist-Stand, also dem Status Quo. Der Leser einer Heatmap soll schnell einen Überblick über das aktuelle Gesamtbild erhalten. Zudem werden besonders markante Werte für ihn hervorgehoben. In Managementkreisen sind Heatmaps beliebt. Ihre Inhalte sind leicht erfassbar, jedoch nicht banal. Fast immer findest Du in Heatmaps die Farbe rot in unterschiedlichen Abstufungen. Rot steht dabei für Hitze und Wärme, übersetzt auf den Geschäftskontext also Priorität, Bedeutung und Stellenwert. Synonyme für die Heatmap sind das englische Heat Map – in zwei Worten. Alternative Bezeichnung sind Wärmebild oder Hitzekarte.“ ^[116]

Planung

ZIELGRUPPE

Die Zielgruppe für diese Bachelorarbeit sind Personen, die sich aktiv mit dem Thema menschlicher Opfer globaler autoritärer Gewalt auseinandersetzen wollen und an einer Webseite interessiert sind, die diese Thematik auf eine innovative und emotional ansprechende Art und Weise darstellt.
Dies können Menschenrechtsaktivisten, politische Wissenschaftler und Historiker sein, welche daran interessiert sein könnten, die Webseite als Informations- und Bildungsressource zu nutzen.
Eine weitere Zielgruppe sind Personen, die emotional von dem Thema betroffen sind, zum Beispiel durch persönliche Erfahrungen oder Familiengeschichte. Diese Personen könnten daran interessiert sein, die Webseite als Ort des Gedenkens und der Aufarbeitung der Vergangenheit zu nutzen.
Hinzu kommt die Zielgruppe der Webdesinger und Webentwickler, die sich für Webdesign und Usability interessieren, da die Arbeit auch einen Fokus auf Interface und Webdesign legt. Ein besonderer Fokus liegt hierbei auf der Barrierefreiheit, um eine möglichst breite Zielgruppe zu erreichen.
Die Altersgruppe der Zielgruppe ist nicht spezifiziert und kann sich dementsprechend von jungen Erwachsenen bis hin zu älteren Menschen erstrecken. Es handelt sich um Menschen, die eine Affinität zur Nutzung von Webseiten aufweisen. Da die Webseite barrierefrei gestaltet wurde, können auch Menschen mit Beeinträchtigungen die Inhalte wahrnehmen und an der Thematik teilhaben.

Persona

"MOHAMMED" Mohammed, aus Ägypten, ist 25 Jahre alt und arbeitet als Menschenrechtsaktivist bei einer Non-Profit-Organisation. Er hat ein starkes Interesse an der Aufdeckung von Verbrechen gegen die Menschlichkeit und an der Gewährleistung von Gerechtigkeit für die Opfer. Er würde die Webseite als Informations- und Bildungsressource nutzen, um seine Arbeit zu unterstützen und um sich über aktuelle Entwicklungen auf dem Gebiet zu informieren.

"SHABNAM"
Shabnam, aus dem Iran, ist 45 Jahre alt und hat in ihrer Familie direkt das Thema autoritärer Gewalt erfahren. Sie hat selbst erlebt, wie ihre Mutter unter einem autoritären Regime verfolgt und gefoltert wurde. Sie nutzt die Webseite als Ort des Gedenkens und der Aufarbeitung der Vergangenheit, um sich mit ihrer Familiengeschichte auseinanderzusetzen und die Erinnerung an die Opfer aufrechtzuerhalten.

"LI"
Li, aus China, ist 32 Jahre alt und arbeitet als politische Wissenschaftlerin. Sie hat ein starkes Interesse an der Analyse von politischen Machtstrukturen und ihren Auswirkungen auf die Bevölkerung. Sie würde die Webseite nutzen, um ihre Forschungen zu unterstützen und um sich über neue Entwicklungen und Perspektiven auf dem Gebiet zu informieren.

"JIN"
Jin, aus Südkorea, ist 50 Jahre alt und arbeitet als Webdesigner. Er hat ein Interesse für Usability und User Experience in Webseiten und würde die Webseite nutzen, um sich über neue Trends und Technologien im Bereich des Interface und Webdesigns zu informieren.

"FATIMA"
Fatima, aus Marokko, ist 18 Jahre alt und studiert Geschichte. Sie hat ein Interesse an der Vergangenheit und ihren Auswirkungen auf die Gegenwart. Sie würde die Webseite nutzen, um sich über historische Ereignisse und ihre Hintergründe zu informieren und um sich auf ihre Prüfungen vorzubereiten.

"LARS"
Lars ist 40 Jahre alt und arbeitet als Lehrer an einer Schule in Deutschland. Er hat ein starkes Interesse an Geschichtsbewusstsein und der Vermittlung von historischen Fakten an seine Schüler. Er würde die Webseite nutzen, um seine Unterrichtsvorbereitungen zu unterstützen und um seinen Schülern eine interaktive und emotionale Lernplattform zu bieten.

[Bitte beachten Sie, dass diese Zuordnung rein fiktiv ist und keine Rückschlüsse auf die Herkunft der Personen zulässt. Es ist wichtig, darauf zu achten, dass Personas nicht diskriminierend dargestellt werden und es ist auch wichtig, darauf zu achten, dass die Namen und Ethnien der Personas nicht in ein falsches Licht gestellt werden]

KONKURRENZANALYSE - WEBSEITEN

Die Suche nach direkten Konkurrenz-Webseiten war schwieriger als gedacht. Es gibt zwar einige Memorial Webseiten, diese widmen sich aber ausschließlich einem Thema, wie das Holocaust-Memorial oder 9-11-Memorial. Es gibt auch viele Webseiten für Privatpersonen, um dort Familienmitgliedern zu gedenken. Meine Suche bestätigt jedoch, dass es bis jetzt keine weitgreifende Webseite zum gedenken an Opfer autoritärer Gewalt gibt. Möglicherweise liegt es aber auch daran, dass die Suchmaschinenoptimierung nicht ausreichend funktioniert, um gefunden zu werden. Nichtsdestotrotz habe ich Seiten gefunden, die stellenweise Aspekte meines Konzeptes aufgreifen.

Wikipedia

Wikipedia ist eine freie und gemeinnützige Enzyklopädie, die von einer gemeinnützigen Organisation betrieben wird und auf der jeder Artikel von jedem bearbeitet werden kann. Sie enthält Informationen zu vielen verschiedenen Themen wie Geschichte, Wissenschaft, Technologie, Kunst, Literatur und vielem mehr. Es ist eine der meistbesuchten Websites weltweit und eine wichtige Ressource für schnelles Nachschlagen und Recherchieren.

Wikipedia ist eine umfassende Online-Enzyklopädie, die eine breite Palette an Themen abdeckt und in vielen Sprachen verfügbar ist. Der Inhalt ist größtenteils zuverlässig und gut recherchiert, obwohl es immer ein gewisses Risiko gibt, dass einige Artikel ungenau oder veraltet sind, da sie von Freiwilligen geschrieben und bearbeitet werden.
Das Design von Wikipedia ist einfach und übersichtlich gestaltet. Es verwendet eine schlichte Farbpalette und eine klare Schriftart, die es einfach macht, die Inhalte zu lesen. Die Navigation ist gut strukturiert und es gibt eine Suchfunktion, die es Benutzern ermöglicht, schnell und einfach den gewünschten Artikel zu finden.
In Bezug auf die Struktur der Seite, ist der Inhalt des Artikels in Abschnitte unterteilt, die durch Überschriften und Unterüberschriften gekennzeichnet sind, die es erleichtern, die Informationen zu finden und zu verstehen. Es gibt auch Bilder und Tabellen, die helfen, die Inhalte zu veranschaulichen.
Die Funktionsfähigkeit der Website ist in der Regel gut, obwohl es gelegentlich zu technischen Problemen kommen kann. Es gibt auch eine Vielzahl von Funktionen, die es Benutzern ermöglichen, Artikel zu bearbeiten, zu diskutieren und zu verbessern, wie z.B die Möglichkeit Artikel zu diskutieren und zu bearbeiten.

Ein Kritikpunkt ist die Tatsache, dass es oft viele interne Verlinkungen zwischen verschiedenen Artikeln gibt. Dies kann dazu führen, dass Benutzer in eine Art von Endlosschleife geraten, in der sie von einem Artikel zum nächsten verlinkt werden, ohne dass sie ihre gewünschte Information finden. Dies kann verwirrend und frustrierend sein und kann es schwierig machen, schnell die gewünschten Informationen zu finden.

Es ist jedoch zu beachten, dass dieser Aspekt auch als positiv angesehen werden kann, da es Benutzern ermöglicht, sich tiefer in ein Thema einzuarbeiten und zusätzliche Informationen zu finden, die sie möglicherweise nicht gesucht haben. Es ist jedoch wichtig, dass die Verlinkungen gut strukturiert sind und die Benutzer in die richtige Richtung führen, um ihre gewünschten Informationen zu finden und vor allem wieder zum Ursprungs Artikel zu finden.
Eine Abweichung dieser Verlinkungen wird auch für mein Projekt angedacht. Dabei sollen Begriffserklärungen als Pop-Up oder eingeschobene Seite dargestellt werden.

Global Protest Tracker

„Mit dem Global Protest Tracker von Carnegie können Sie die Auslöser, Motivationen und andere Aspekte vieler der wichtigsten Proteste gegen Regierungen seit 2017 analysieren und vergleichen. Diese umfassende Ressource wurde für Forscher, Entscheidungsträger und Journalisten entwickelt und zeigt, wie sich Proteste auf die heutige Weltpolitik auswirken.“ ^[117]

Der Global Prote st Tracker von Carnegie ist eine interaktive Karte, die Proteste auf der ganzen Welt verfolgt und anzeigt. Der Tracker wird von der Carnegie Endowment for International Peace betrieben und verwendet Daten von Nachrichtenquellen, sozialen Medien und anderen Online-Quellen, um Proteste in Echtzeit zu erfassen und zu verfolgen. Die Karte zeigt Proteste nach Land, Region und Thema an und ermöglicht es Benutzern, Proteste nach bestimmten Kriterien zu filtern und anzuzeigen. Es ist ein nützliches Tool für Menschen, die sich für politische Entwicklungen und gesellschaftliche Bewegungen weltweit interessieren.
Der Global Protest Tracker von Carnegie hat ein benutzerfreundliches und intuitives Design mit einer interaktiven Karte, die Proteste in Echtzeit anzeigt. Die Karte ist einfach zu navigieren und bietet eine Vielzahl von Filtern und Funktionen, die es Benutzern ermöglichen, Proteste nach Land, Region und Thema anzuzeigen.
Der Inhalt der Karte besteht hauptsächlich aus Protesten, die auf der ganzen Welt stattfinden. Dies ist ein wertvoller Inhalt, da es einen Einblick in politische Entwicklungen und gesellschaftliche Bewegungen weltweit gibt. Die Karte gibt auch Informationen über die Gründe für die Proteste und ihre Auswirkungen, was für Menschen interessant sein kann, die sich für politische Angelegenheiten interessieren. Sehr umfangreich ist der Inhalt jedoch nicht.
Die Funktionalität der Karte ist mit vielen Werkzeugen ausgezeichnet, die es Benutzern ermöglichen, Proteste nach bestimmten Kriterien zu filtern und anzuzeigen. Es gibt auch die Möglichkeit, bestimmte Regionen oder Länder auf der Karte hervorzuheben, was nützlich sein kann, um die Verbreitung bestimmter Arten von Protesten oder Proteste von bestimmten Ländern zu verstehen.
Wenn mehr Informationen zu den Protesten und deren Auslöser vorhanden wären, dann wäre die Webseite eher ein direkter Konkurrent. Sie dient trotzdem auch als Inspiration.

Die Carnegie Endowment for International Peace ist ein unabhängiges, gemeinnütziges Denk- und Forschungsinstitut, das sich der Förderung der Verständigung und Zusammenarbeit zwischen Nationen im Bereich der internationalen Angelegenheiten verschrieben hat. Es wurde 1910 von Andrew Carnegie gegründet und hat Niederlassungen in Washington D.C., Moskau, Beijing, Beirut und Brüssel. Das Institut forscht und publiziert auf einer Vielzahl von Themen im Bereich der internationalen Angelegenheiten, wie z.B. Frieden und Sicherheit, Wirtschaft, Umwelt und Energie, und Demokratie und Menschenrechte. Es arbeitet auch eng mit Regierungen, NGOs und anderen Think Tanks zusammen, um Lösungen für aktuelle internationale Probleme zu finden.

Memorial Center Srebrenica

Potocari Memorial Center ist eine Gedenkstätte und ein Museum in Potocari, Bosnien-Herzegowina, welches an die Massaker von Srebrenica im Bosnienkrieg erinnert. Die Webseite des Memorial Center bietet Informationen über die Geschichte von Srebrenica, die Ereignisse des Krieges und die Erinnerungsarbeit, die im Memorial Center durchgeführt wird. Es enthält auch Bilder, Videos und Dokumente, die die Ereignisse des Krieges dokumentieren. Die Webseite ist im Bosnischen, Englischen und Serbischen verfügbar und bietet eine einfache Navigation und Zugang zu wichtigen Informationen über das Memorial Center und die Ereignisse von Srebrenica.

Die Webseite des Memorial Center Srebrenica ist eine informative und gut gestaltete Ressource, die sich mit der Geschichte des Massakers von Srebrenica im Bosnienkrieg beschäftigt und die Erinnerungsarbeit des Memorial Center dokumentiert.
Das Design der Webseite ist modern und ansprechend, mit einer klaren Navigation und einer gut organisierten Struktur. Es gibt viele Fotografien und visuelle Elemente, die die Geschichte und die Arbeit des Memorial Centers veranschaulichen. Die Farbpalette ist einfach und passend gewählt und die Schriftarten sind klar und leicht lesbar.
Der Inhalt der Webseite ist umfangreich und gut recherchiert. Es gibt viele Informationen über die Geschichte von Srebrenica, die Ereignisse des Krieges und die Erinnerungsarbeit, die im Memorial Center durchgeführt wird. Es gibt auch Dokumente, Fotos, Videos und andere Medien, die die Ereignisse des Krieges dokumentieren und die Arbeit des Memorial Centers veranschaulichen.
Die Funktionsfähigkeit der Webseite ist gut, mit einer schnellen Ladezeit und einer einfachen Navigation. Es gibt viele interaktive Elemente wie Fotogalerien, Videos und Dokumente, die es Benutzern ermöglichen, tiefer in die Geschichte und Arbeit des Memorial Centers einzutauchen. Die Webseite ist auch in mehreren Sprachen verfügbar, was es Benutzern aus verschiedenen Ländern und Kulturen erleichtert, die Informationen zu verstehen.
Insgesamt ist die Webseite des Memorial Center Srebrenica eine gut gestaltete und informative Ressource, die sich mit einem sehr schwierigen und emotionalen Thema auseinandersetzt. Sie bietet eine Vielzahl von Informationen und Medien, die die Geschichte von Srebrenica und die Arbeit des Memorial Centers veranschaulichen und es Benutzern ermöglichen, tiefer in die Ereignisse des Krieges und die Erinnerungsarbeit einzutauchen.

Eine kritische Anmerkung ist jedoch, dass teilweise nur sehr wenige Aspekte des Memorials digitalisiert wurden. So existiert beispielsweise nur eine persönliche Geschichte, die dann auch nicht vollständig auf Englisch übersetzt wurde. Aus Bildern der Ausstellung lässt sich herausfinden, dass es durchaus mehr Personen gegeben hat.

Insgesamt ist die Webseite des Memorial Center Srebrenica eine wertvolle Ressource, die es Benutzern ermöglicht, mehr über die Geschichte von Srebrenica und die Arbeit des Memorial Centers zu erfahren.

9/11 Memorial Timeline

„September 11 Attack Timeline On September 11, 2001, nineteen terrorists who were members of al-Qaeda, an Islamist extremist network, hijacked four commercial airplanes. In a coordinated attack, the hijackers intentionally flew two of the planes into the Twin Towers of the World Trade Center, and a third into the Pentagon. Learning about the other hijackings, passengers and crew members on the fourth plane launched a counterattack, spurring the hijacker pilot to crash the plane into a field in Pennsylvania. Nearly 3,000 people were killed on that day, the single largest loss of life resulting from a foreign attack on American soil.“ ^[118]

Die Website der 9/11 Memorial Timeline ist eine interaktive Online-Zeitleiste, die die Ereignisse des 11. September 2001 und der darauf folgenden Tage dokumentiert. Die Timeline wurde vom 9/11 Memorial & Museum erstellt und enthält Bilder, Videos, Audioaufnahmen und Dokumente, die die Ereignisse des 11. September 2001 und ihre Auswirkungen auf die USA und die Welt dokumentieren. Sie bietet auch Informationen über das 9/11 Memorial & Museum und die Erinnerungsarbeit, die dort durchgeführt wird.

Auf der Website werden bestimmte Zeitpunkte des Anschlags genannt und es wird erklärt, was genau zu diesem Zeitpunkt passiert ist. Es gibt reichlich Video- und Bildmaterial, das das Geschehen dokumentiert. Die Analyse der Website soll jedoch nicht nur das komplette Geschehen zeigen, sondern auch darauf achten, wie mit den Opfern umgegangen wird. An manchen Stellen findet man Zitate und Bilder von Menschen, die von dem Anschlag betroffen waren und auch von Opfern. Es gibt jedoch nicht für jedes einzelne Opfer eine ausführliche Beschreibung. Bilder, wie z.B. von einer Schulgruppe, werden kaum erklärt, lediglich die Namen werden genannt und ein paar allgemeine Sätze als Beschreibung.
Die Website hat eine klare Navigation und einer gut organisierte Struktur. Es gibt viele Fotografien und visuelle Elemente, die die Geschichte des 11. September 2001 veranschaulichen. Die Farbpalette ist einfach und passend gewählt und die Schriftarten sind klar und leicht lesbar.
Obwohl alles sehr sachlich gehalten wird, hat die Website einen gewissen emotionalen Reiz. Dies kann durch die zum Teil brutalen und unverblümten Bilder, die dunklere Farbaufmachung der Website oder durch die sehr direkte Vermittlung der Informationen verursacht werden. Man bekommt eine direkte Verbindung zum Geschehen und zu den Opfern und fühlt sich sehr eingebunden.
Die Benutzerfreundlichkeit ist auch gut, mit einer intuitiven Navigation und einer einfachen Bedienung. Es gibt auch eine Suchfunktion, die es Benutzern ermöglicht, bestimmte Ereignisse oder Informationen schnell zu finden. Allerdings gibt es auch einige kritische Anmerkungen zu berücksichtigen

Obwohl die Website nicht direkt als Konkurrenz betrachtet werden kann, da sich das Konzept inhaltlich unterscheidet, gibt es einige Punkte, wie das Foto- und Videomaterial oder das Gefühl der Nähe zum Geschehen und den Opfern, die ich in meinem Konzept ebenfalls mit einbeziehen möchte.

KONKURRENZANALYSE - WELTKARTE

HINT.FM Digital Attack Map

Die Digital Attack Map von HINT.FM ist eine interaktive Karte, die Angriffe auf das Internet und deren Verbreitung weltweit anzeigt. Sie wird von HINT.FM und Arbor Networks betrieben. Die Karte verwendet Daten von Arbor Networks‘ ATLAS-System, das Angriffe auf das Internet in Echtzeit erfasst und analysiert. Die Karte zeigt Angriffe auf Netzwerke, Server und Websites in Echtzeit an und ermöglicht es Benutzern, Angriffe nach Art, Herkunft und Ziel zu filtern. Es ist ein nützliches Tool für Menschen, die sich für die Sicherheit im Internet interessieren und einen Überblick über Angriffe auf das Internet erhalten möchten.

Das Design der Digital Attack Map von HINT.FM ist visuell ansprechend und interaktiv, mit einer Karte, die Angriffe in Echtzeit anzeigt. Die Benutzeroberfläche ist intuitiv und einfach zu navigieren, aber es gibt auch einige kritische Anmerkungen bezüglich des Designs: Auf den ersten Blick kann die Karte überwältigend erscheinen, da es viele verschiedene Symbole und Farben gibt, die Angriffe darstellen. Dies kann es für Benutzer schwierig machen, schnell die wichtigsten Informationen zu erfassen. Auch die Anzeige von vielen Angriffen auf der Karte kann verwirrend sein und es kann schwer sein, die Bedeutung der dargestellten Informationen zu verstehen, insbesondere für Benutzer, die nicht vertraut sind mit der Art der Angriffe und ihrer Darstellung. Es gibt keine Möglichkeit, die Dichte der Angriffe auf der Karte zu verringern, was es schwierig machen kann, bestimmte Angriffe oder Regionen hervorzuheben.
Allerdings gibt es auch Möglichkeiten die Karte an die eigenen Bedürfnisse anzupassen, wie zum Beispiel durch die Auswahl von bestimmten Regionen oder Angriffsarten, was die Überforderung verringert und es einfacher macht, die relevanten Informationen zu erfassen. Insgesamt ist die Digital Attack Map von HINT.FM ein leistungsstarkes Tool, das einen Einblick in Angriffe auf das Internet gibt.
Der Inhalt der Karte besteht hauptsächlich aus Angriffen auf das Internet, die in Echtzeit angezeigt werden. Dies ist ein wertvoller Inhalt, da es einen Einblick in die Art und Verbreitung von Angriffen auf das Internet gibt. Die Karte gibt auch Informationen über die Herkunft der Angriffe und wie sie durchgeführt werden, was für Menschen interessant sein kann, die sich für die Sicherheit im Internet interessieren.

#onemilliontweetmap

Die One Million Tweet Map ist eine interaktive Karte, die Tweets aus der ganzen Welt anzeigt, die in Echtzeit eingehen. Die Karte wird von einer Firma namens Gnip betrieben, die Daten aus Twitter sammelt und analysiert. Auf der Karte können Benutzer nach bestimmten Begriffen suchen, um Tweets anzuzeigen, die diese Begriffe enthalten. Sie können auch Tweets aus bestimmten Regionen oder in bestimmten Sprachen anzeigen. Die Karte ist ein nützliches Tool für Menschen, die daran interessiert sind, wie und wo über bestimmte Themen auf der ganzen Welt gesprochen wird.

Das Design der One Million Tweet Map ist sehr sauber und modern, mit einer intuitiven Benutzeroberfläche, die es einfach macht, die Karte zu navigieren. Die Karte selbst ist sehr interaktiv und benutzerfreundlich, mit einer Vielzahl von Funktionen zum Filtern und Anzeigen von Tweets.
Der Inhalt der Karte besteht hauptsächlich aus Tweets, die auf der Karte angezeigt werden, je nachdem, welche Filter und Suchen Sie auswählen. Dies ist ein wertvoller Inhalt, da es einen Einblick in die öffentliche Meinung und die Gesprächsthemen auf der ganzen Welt gibt.

Die Funktionalität der Karte ist ausgezeichnet, mit vielen Werkzeugen, die es Benutzern ermöglichen, Tweets nach bestimmten Kriterien zu filtern und anzuzeigen. Es gibt auch die Möglichkeit, bestimmte Regionen oder Länder auf der Karte hervorzuheben, was nützlich sein kann, um die Verbreitung bestimmter Themen oder Trends zu verstehen.
Insgesamt ist die One Million Tweet Map eine sehr benutzerfreundliche und leistungsstarke Anwendung, die es Benutzern ermöglicht, Tweets auf einfache Weise zu suchen und anzuzeigen. Allerdings gibt es auch einige Kritikpunkte, die man beachten sollte:

Die Karte basiert auf Twitter-Daten und zeigt daher nur eine begrenzte Anzahl von Tweets an, die von bestimmten Nutzern und in bestimmten Sprachen verfasst wurden. Es gibt viele weitere soziale Plattformen und andere Online-Diskussionsforen, die möglicherweise wichtige Informationen enthalten, die auf der Karte nicht dargestellt werden.

Es gibt auch Probleme mit der Zuverlässigkeit der Tweets, die angezeigt werden. Twitter ist bekannt dafür, dass es ein hohes Maß an Falschinformationen und Desinformationen enthält, insbesondere wenn es um politische Themen geht. Es ist wichtig, darauf zu achten, dass die angezeigten Tweets von vertrauenswürdigen Quellen stammen und sorgfältig geprüft werden, bevor sie als wahr angenommen werden.

Allerdings muss man sagen, dass die One Million Tweet Map ein gutes Werkzeug ist um einen Überblick über die aktuellen Themen und Meinungen auf Twitter zu bekommen, solange man sich darüber bewusst ist, dass es sich um eine begrenzte Quelle handelt und die oben genannten Einschränkungen und Probleme berücksichtigt.

An dieser Stelle muss auch erwähnt werden, dass ich mit meiner eigenen Karte für dieses Projekt auf die selben Probleme und Herausforderungen treffe. Die One Million Tweet Map bezieht ihre Informationen auf ähnliche Weise wie meine Karte es wird.

INSPIRATIONEN

Fathom - Density Map

Dencity von Fathom ist eine interaktive Weltkarte, die die Bevölkerungsdichte in einer visuell ansprechenden Weise darstellt. Die Karte zeigt die Bevölkerungsdichte durch unterschiedliche Farben und Schattierungen, wobei die dichtesten Gebiete in dunkleren Farben und die am dünnsten besiedelten Gebiete in helleren Farben dargestellt werden. Die Interaktivität der Karte ermöglicht es Benutzern, ein- und auszuzoomen und die Bevölkerungsdichte für jeden Teil der Welt anzuzeigen. Darüber hinaus können Benutzer die Bevölkerungsdichte für ausgewählte Länder, Regionen oder Städte anzeigen, um ein besseres Verständnis für die Verteilung der Bevölkerung auf der Welt zu erhalten.

Kartenbasierte Visualisierungen sind eine gute Möglichkeit, geografische Daten zu präsentieren und zu veranschaulichen. Sie können helfen, Verbindungen zwischen verschiedenen Datenpunkten herzustellen und Muster zu identifizieren. Eine Weltkarte, die die Bevölkerungsdichte darstellt, wie „Dencity“ von Fathom, kann man beispielsweise verwenden, um Trends in Bevölkerungswachstum und -verteilung auf der ganzen Welt zu visualisieren. Es ist wichtig, eine klare Legende und Skalierung zu haben, um sicherzustellen, dass die Daten interpretierbar sind. Auch eine Interaktivität, wie beispielsweise das Zoomen und Verschieben der Karte, kann nützlich sein, um detailliertere Ansichten zu ermöglichen. All diese Überlegungen gilt es für die Entwicklung der eigenen Weltkarte zu beachten.

Residente

Residente.com ist die offizielle Website des kubanischen Musikers René Pérez Joglar, besser bekannt unter dem Namen „Residente“.

Residente.com ist eine informationsreiche Website, die sich auf den kubanischen Musiker und Künstler Residente konzentriert. Die Website verfügt über ein modernes und ansprechendes Design, das benutzerfreundlich und einfach zu navigieren ist. Es gibt viele Bereiche, die sich mit Residentes Musik, Kunst, Reisen und Kultur befassen. Außerdem gibt es einen Online-Shop, in dem Fans Merchandise kaufen können. Die Website ist in Englisch und Spanisch verfügbar und bietet eine reiche visuelle Erfahrung mit Fotos und Videos.
Inspiriert von Künstlern wie Residente, der einen unkonventionellen Umgang mit Informationen und ihrer Präsentation hat, möchte ich auch in meinem Projekt eine einzigartige und auffällige Visualität schaffen. Mit dem Ziel, die Informationen auf eine neue Art und Weise zu präsentieren, möchte ich eine dynamische Umgebung schaffen, mit überraschenden Perspektiven und Storytelling-Techniken, die die Thematik in den Mittelpunkt stellen.
Ich werde eine interessante Kombination aus Typografie, Daten, Grafiken und interaktiven Elemente erstellen, um eine einzigartige Benutzererfahrung zu bieten.

V. Umfrage

UMFRAGE

Nutzerinteressen

In diesem Kapitel wird die Umfrage vorgestellt, die im Rahmen dieser Bachelorarbeit durchgeführt wurde. Ziel der Umfrage war es, die Meinung der Teilnehmer zum Inhalt und Design einer solchen Webseite zu erfahren. Durch die Auswertung der Umfrageergebnisse sollte ein besseres Verständnis darüber gewonnen werden, welche Aspekte für die Nutzer_innen besonders wichtig sind und in welcher Form eine solche Webseite am besten gestaltet werden sollte, um ihre Botschaft bestmöglich zu vermitteln.

Die Fragen

WIE ALT SIND SIE?

unter 18

18 bis 29

30 bis 50

über 50

WISSEN SIE BEREITS ÜBER FÄLLE VON GLOBALER AUTORITÄRER GEWALT UND DEREN OPFER BESCHEID?

Ja

Nein

KÖNNEN SIE WEITERE BEISPIELE WIE GEORGE FLOYD ODER MAHSA AMINI NENNEN? BEI „NEIN“ DIE FRAGE ÜBERSPRINGEN.

Ja, zum Beispiel:

WELCHE ART VON INFORMATIONEN ÜBER DIE OPFER VON GLOBALER AUTORITÄRER GEWALT INTERESSIEREN SIE AM MEISTEN?

Biographische Informationen (Name, Alter, Geschlecht, Herkunft, etc.)

Umstände des Todes / des Verbrechens

politische Auswirkungen des Verbrechens

Bild- und Video-Material

Augenzeugenberichte

Informationen über die Täter und ihre Strafverfolgung

Sonnstige:

WIE WICHTIG IST ES IHNEN, INFORMATIONEN ÜBER DIE POLITISCHEN UMSTÄNDE, DIE ZUM TOD DER OPFER FÜHRTEN, ZU ERFAHREN?

Sehr wichtig

wichtig

eher unwichtig

unwichtig

WELCHE ART VON INTERAKTIVITÄT WÜNSCHEN SIE SICH AUF DER SEITE?

Möglichkeit zum Kommentieren und Austausch mit anderen Nutzern

Möglichkeit, Informationen zu teilen und zu diskutieren

Möglichkeit, Spenden zugunsten von Organisationen zu tätigen, die sich für die Rechte von Opfern von Gewalt einsetzen

Sonnstige:

WELCHE ART VON DESIGN WÜNSCHEN SIE SICH FÜR DIE WEBSEITE?

Ernsthaft und gedämpft

Dynamisch und aufregend

Informell und zugänglich

Sonnstige:

WIE SOLLTEN DIE OPFER AUF DER WEBSEITE DARGESTELLT WERDEN?

Respektvoll und würdigend

Direkt und ungeschönt

Sonnstige:

WAS WÜRDEN SIE VON EINER WEBSEITE ERWARTEN, DIE OPFER GLOBALER AUTORITÄRER GEWALT GEDENKT?

Eine Liste von Namen und Biographien der Opfer

Eine Datenbank mit Informationen zu verschiedenen Fällen von Gewalt

Eine Plattform zum Austausch von Meinungen und Informationen

Eine Möglichkeit, Spenden zu tätigen

Sonnstige:

WELCHE ZUSATZFUNKTIONEN WÜNSCHEN SIE SICH AUF DER WEBSEITE?

Ein Forum oder eine Chatfunktion, um mit anderen Nutzern zu kommunizieren

Eine Suchfunktion, um gezielt nach bestimmten Opfern oder Fällen von Gewalt suchen zu können

Eine Karte oder eine andere visuelle Darstellung der Fälle von Gewalt weltweit

Eine Möglichkeit, Benachrichtigungen über neue Fälle von Gewalt zu erhalten

Sonnstige:

WIE SOLLTEN DIE TÄTER AUF DER WEBSEITE DARGESTELLT WERDEN?

Verurteilend und schuldig

Unparteiisch und objektiv

Sonnstige:

WÜRDEN SIE EINE WEBSEITE BESUCHEN, DIE SICH MIT DEM THEMA GLOBALER AUTORITÄRER GEWALT UND IHREN OPFERN BESCHÄFTIGT?

Ja

Nein

Vielleicht

HABEN SIE SONSTIGE ANMERKUNGEN ODER VORSCHLÄGE FÜR DIE SEITE?

Ergebnisse

DIE ERGEBNISSE DER ENGLISCHEN VERSION

Ergebnisse

Es gab 53 Teilnehmer und zusammenfassend zeigen die Ergebnisse der Umfrage, dass es ein Interesse an einer Webseite gibt, die sich mit dem Thema globaler autoritärer Gewalt und deren Opfern beschäftigt. Die bevorzugten Inhalte und Designs hängen jedoch von verschiedenen Faktoren wie Alter und Interessen der Nutzer ab. Es ist wichtig, eine Webseite zu gestalten, die respektvoll und würdigend ist, aber auch das Bewusstsein für die schrecklichen Auswirkungen von autoritärer Gewalt schärft.

Es ist auch interessant anzumerken, dass die Ergebnisse der Umfrage in verschiedenen Sprachen unterschiedlich waren. Dies könnte darauf hindeuten, dass die Einstellungen und Meinungen der Menschen zu diesem Thema in verschiedenen Teilen der Welt unterschiedlich sind. Eine mögliche Erklärung könnte sein, dass Menschen in Regionen, die stärker von autoritärer Gewalt betroffen sind, möglicherweise mehr Interesse und Wissen zu diesem Thema haben. Es ist wichtig, diese Unterschiede zu berücksichtigen, um eine Webseite zu gestalten, die die Bedürfnisse und Interessen der Nutzer in verschiedenen Teilen der Welt anspricht.

SPRACHRAUM
Es gibt verschiedene Gründe, warum die Ergebnisse je nach Sprachraum unterschiedlich ausgefallen sein könnten. Eine mögliche Erklärung könnte die kulturelle Differenz sein. Verschiedene Länder haben unterschiedliche kulturelle Hintergründe, die sich auf die Ergebnisse von Umfragen auswirken können. Zum Beispiel kann die Wahrnehmung von Autorität und Gewalt in verschiedenen Kulturen unterschiedlich sein, was sich auf die Antworten der Befragten auswirken kann.
Eine weitere Erklärung könnte die Sprachkompetenz der Befragten sein. Menschen, die eine Sprache nicht fließend sprechen, könnten Schwierigkeiten haben, Fragen in einer Umfrage genau zu verstehen oder zu interpretieren. Dadurch könnten die Antworten von Menschen, die nicht die Sprache ihrer Befragung gut beherrschen, verfälscht sein.
Ein weiterer Faktor könnte der Zugang zum Internet und digitalen Medien sein, der in verschiedenen Ländern unterschiedlich ausgeprägt ist. Dies könnte dazu führen, dass bestimmte Gruppen von Menschen ausgeschlossen werden, die möglicherweise nicht in der Lage sind, an der Umfrage teilzunehmen, was zu Verzerrungen in den Ergebnissen führen kann.

Eine Studie von Johnston und Wong untersuchte die Rolle der kulturellen und sprachlichen Unterschiede bei Umfragen. Sie fanden heraus, dass kulturelle Unterschiede sowohl die Art und Weise beeinflussen können, wie Menschen bestimmte Fragen beantworten, als auch ihre Bereitschaft, an der Umfrage teilzunehmen. Sie stellten auch fest, dass sprachliche Barrieren zu Verzerrungen in den Ergebnissen führen können. ^[119]

Einbringung ins Designkonzept

Die Ergebnisse der Umfrage zeigen, dass Nutzer einer Webseite, die sich mit dem Gedenken an Opfer globaler autoritärer Gewalt befasst, ein respektvolles und würdigendes Design erwarten. Dies kann erreicht werden, indem das Webdesign ein Gefühl von Würde und Mitgefühl vermittelt und den Fokus auf die Opfer und ihre Geschichten legt.
Um dieses Konzept umzusetzen, kann das Designkonzept Elemente enthalten, die die Schrecken der Gewalttaten und das Leiden der Opfer respektvoll, aber dennoch direkt, zugänglich und ungeschönt darstellen. Das Farbschema sollte gedämpft sein, um die Ernsthaftigkeit des Themas zu unterstreichen und gleichzeitig eine gewisse Ruhe und Besinnlichkeit zu vermitteln.
Die Schriftart und Typografie sollten einfach und leicht lesbar sein, um sicherzustellen, dass die Informationen über die Opfer und ihre Geschichten leicht zugänglich sind. Grafiken, Bilder und Videos sollten sorgfältig ausgewählt werden, um eine angemessene Balance zwischen Information und Emotion zu erreichen.
Darüber hinaus können interaktive Elemente wie Foren, Chatfunktionen und Möglichkeiten zum Austausch von Meinungen und Informationen den Besucher:innen helfen, sich miteinander zu vernetzen und das Bewusstsein für dieses wichtige Thema zu fördern. Auch die Möglichkeit, Spenden zu tätigen, um Organisationen zu unterstützen, die sich für die Rechte von Opfern von Gewalt einsetzen, kann eine wichtige Rolle spielen.
Durch die Umsetzung eines solchen Designkonzepts kann die Webseite ein würdiges und respektvolles Gedenken an Opfer globaler autoritärer Gewalt ermöglichen und gleichzeitig ein Bewusstsein für das Thema schaffen. Ein solches Design sollte auch dazu beitragen, die Besucher:innen zum Nachdenken anzuregen und einen Weckruf für die Sichtbarkeit tödlicher politischer Machtstrukturen zu sein.

All diese Überlegungen sind jedoch vorerst nur Grundlagen und müssen im Rahmen des Designkonzepts weiterentwickelt und konkretisiert werden, um sicherzustellen, dass das Webdesign die gewünschte Wirkung erzielt und das angestrebte Ziel erreicht wird.

WARUM SIND CHAT UND FOREN AUF DER WEBSEITE KRITISCH ZU BETRACHTEN UND EHER DAVON ABZUSEHEN?

Chatfunktionen und Foren auf einer Webseite können in einigen Fällen kritisch betrachtet werden, insbesondere wenn sie nicht angemessen moderiert und überwacht werden. Einige potenzielle Risiken umfassen:

MISSBRAUCH
Unangemessene oder beleidigende Kommentare können in einem Chat oder Forum leicht gepostet werden. Dies kann zu einer toxischen Atmosphäre führen und dazu beitragen, dass sich Menschen unwohl oder unsicher fühlen.

DATENSCHUTZ
Bei der Verwendung von Chatfunktionen und Foren müssen Nutzer in der Regel persönliche Informationen wie ihren Namen und ihre E-Mail-Adresse angeben. Es besteht ein Risiko, dass diese Informationen von Dritten gestohlen oder auf andere Weise missbraucht werden.

HAFTUNG
Wenn eine Webseite einen Chat oder ein Forum betreibt, kann sie für den Inhalt, der von Nutzern gepostet wird, haftbar gemacht werden. Wenn die Webseite diesen Inhalt nicht angemessen überwacht und moderiert, kann sie in Schwierigkeiten geraten.

Obwohl einige Umfrageteilnehmer sich für Chatfunktionen und Foren ausgesprochen haben, müssen diese Risiken und mögliche Nachteile berücksichtigt werden. Das Designkonzept sollte immer eine sorgfältige Abwägung der Vor- und Nachteile enthalten und darauf abzielen, ein positives und sicheres Nutzungserlebnis für die Zielgruppe zu schaffen. Wenn das Konzept letztendlich entscheidet, keine Chatfunktionen und Foren zu implementieren, sollten alternative Möglichkeiten für den Nutzerdialog bereitgestellt werden. Dies können beispielsweise E-Mail-Adressen für den Kundensupport, Feedbackformulare oder soziale Medien sein. Es gibt auch andere Möglichkeiten für Echtzeit-Kommunikation, wie z.B. Live-Chat-Funktionen mit menschlichen Support-Mitarbeitern, die ein höheres Maß an Moderation und Überwachung ermöglichen.

VI. Grobkonzept

STRUKTUR

Um die Struktur der Webseite zu visualisieren, ist hier eine Grafik dargestellt, welche die einzelnen Hauptkategorien und Unterseiten in einem Pfaddiagramm zeigt. Dabei sind die einzelnen Kategorien und Unterseiten hierarchisch angeordnet, um eine klare Orientierung und Struktur zu gewährleisten.

Diese wird jedoch im weiteren Verlauf des Konzeptes weiter ausgearbeitet und stellt damit nicht die finale Struktur dar.

CONTENT-TYPEN

Bei der Gestaltung der Webseite wurde darauf geachtet, dass unterschiedliche Content-Typen verwendet werden, um die Informationen möglichst vielfältig und ansprechend darzustellen. Hierbei wurde eine Mischung aus textbasierten, visuellen und interaktiven Inhalten genutzt, um die Besucher auf verschiedenen Ebenen anzusprechen und ein möglichst umfassendes Bild der Thematik zu vermitteln.

Die textbasierten Inhalte umfassen Informationen zu den einzelnen Opfern und den Ereignissen, bei denen sie ums Leben kamen. Hierbei wurde auf eine möglichst detaillierte Darstellung geachtet, die auch Hintergrundinformationen zu den politischen und gesellschaftlichen Zusammenhängen liefert. Diese Informationen sind auf den einzelnen Personen-Gedenkseiten zu finden, auf die man von der interaktiven Weltkarte oder von der Gedenkliste aus navigieren kann.

Ergänzt werden die textbasierten Inhalte durch visuelle Elemente, wie beispielsweise Bilder der Opfer und der Orte, an denen sie ums Leben kamen. Diese Bilder dienen dazu, die Besucher emotional zu berühren und sie für die Thematik zu sensibilisieren. Auch Grafiken und Karten werden verwendet, um komplexe Zusammenhänge verständlicher darzustellen und einen Überblick über die Geschehnisse zu vermitteln.

Ein besonderes Augenmerk wurde auch auf die interaktiven Elemente gelegt. So kann man beispielsweise über die interaktive Weltkarte die verschiedenen Ereignisse erkunden oder sich über den Menüpunkte „Meetings“ am aktuellen Geschehnis beteiligen, in Form von Protesten, Talks und Weiterem. Durch diese interaktiven Elemente wird die Webseite nicht nur zu einer passiven Informationsquelle, sondern regt auch zum aktiven Austausch und zur Mitgestaltung an. [Die Seite "Meetings" wurde im weiteren Verlaufe zu "Aktionen" umbenannt – siehe Feinkonzept]

Insgesamt wurde bei der Gestaltung der Webseite darauf geachtet, dass die verschiedenen Content-Typen sinnvoll miteinander kombiniert werden, um die Besucher möglichst umfassend über die Thematik zu informieren und sie für eine aktive Auseinandersetzung mit den Ereignissen zu sensibilisieren.

WAS KANN EINE TECHNISCHE UMSETZUNG BEINHALTEN

Im Folgendem handelt es sich um rein konzeptionelle Überlegungen. Diese werden jedoch nicht bis zur vollen Realisation verfolgt.

Nun wird die technische Umsetzung der geplanten Features und Inhalte grob vorgestellt. Dabei werden verschiedene Tools berücksichtigt:

Als wichtigste Teool dient die Verwendung eines Content-Management-Systems (CMS). Hierbei kann die Wahl auf WordPress fallen, da es eine flexible und skalierbare Plattform ist, die viele Erweiterungen und Anpassungsmöglichkeiten bietet. Zudem ist WordPress benutzerfreundlich und leicht zu bedienen, was den Betrieb und die Wartung der Webseite erleichtert.

Zur Umsetzung der interaktiven Weltkarte wird JavaScript eingesetzt, das eine ansprechende und intuitive Darstellung der Hotspots ermöglicht. Außerdem wurde die Integration von Google Maps erwogen, jedoch wird sich das weitere Verfahren diesbezüglich noch entwickeln.

Um die verschiedenen Content-Typen optimal darstellen zu können, wird eine modulare und responsive Struktur geplant. Hierbei kommen Bootstrap als Framework und CSS als Gestaltungselement zum Einsatz. Die Gestaltungselemente wie Buttons, Schriften und Farben wurden in einem Styleguide festgelegt, um eine konsistente und einheitliche Optik auf der Webseite zu gewährleisten.

Zusätzlich wird die Planung von APIs und die Anbindung an soziale Netzwerke berücksichtigt, um eine effektive Verbreitung der Webseite zu ermöglichen. Die technische Umsetzung der Webseite wird so konzipiert, dass sie eine hohe Benutzerfreundlichkeit und eine schnelle Ladezeit auf verschiedenen Geräten und Plattformen gewährleistet.
Zudem wird die Twitter API benötigt um den Datenfluss zur interaktive Weltkarten zu ermöglichen. Sonst wäre keine Erstellung der Hotspots möglich.

Natürlich gibt es aus technischer Sicht noch viele weitere Aspekte zu berücksichtigen, die jedoch außerhalb meiner Bacherlorarbeit und persönlichen Fähigkeiten liegen.

VII. Feinkonzept

STRUKTUR

Nach der Verfeinerung der Web-Struktur und klareren Verbindung der Zusammenhänge innerhalb der Menüpunkte, entstand das Feinkonzept.

Die Startseite präsentiert eine interaktive Weltkarte mit Hotspots, welche die Orte der Gewalttaten und die entsprechenden Opfer anzeigen. Der Nutzer kann entweder auf einen bestimmten Hotspot klicken und so zu der Gedenkseite des jeweiligen Opfers gelangen, oder bedient über das Hauptmenü, wo er verschiedene Menüpunkte auswählen kann, den Punkt "Gedenkliste". Die "Gedenkliste"-Seite stellt eine Liste aller Namen von bereits erfassten Opfer dar.
Des weiteren gibt es Menüpunkte wie "Aktionen", welches den Zugang zu einer Übersicht aller Events ermöglicht, von Protesten und Open-Calls bis hin zu Talks. Durch Filteroptionen kann man nach Interesse bestimmte Aktionen herausfiltern lassen.
Wählt man den Menüpunkt "Kontaktformular" werden auf einer nächsten Seite Kontaktinformationen angezeigt und die Möglichkeit geboten über ein Kontaktformular weitere Fälle oder Informationen mit den Betreibern der Webseite zu teilen.
Der Menüpunkt „Glossar“ dient als Sammlung aller relevanten Begriffserklärungen, die auf den Personen-Gedenkseiten benötigt werden, wie zum Beispiel Erläuterungen zum Begriff "Moralpolizei" im Kontext des Falles von Mahsa Amini. Abschließend findet der Nutzer auf der „About“-Seite Informationen über den Betreiber der Webseite sowie einen Link zu einer weiteren Webseite, die den theoretischen Hintergrund des Projekts erläutert.

NAVIGATIONSSTRUKTUR UND MENÜPUNKTE

Hauptmenü

Das Hauptmenü stellt eine zentrale Anlaufstelle für den Nutzer dar, um auf die verschiedenen Kategorien der Indexseite zuzugreifen. Hierbei wird dem Nutzer eine klare und übersichtliche Struktur geboten. Das Hauptmenü der Webseite besteht aus folgenden sechs Unterseiten. Die einzelnen Seiten werden nachfolgend einzeln betrachtet und dabei in ihrer Funktionsweise und ihrem Inhalt genauer erklärt.

1. WELTKARTE
2. GEDENKLISTE
3. AKTIONEN
4. GLOSSAR
5. ABOUT
6. KONTAKTFORMULAR

WELTKARTE
Die Weltkartenseite ist das Herzstück der Webseite und dient als Indexseite für die gesamte Plattform. Die Karte visualisiert in Echtzeit Hotspots autoritärer Gewalt auf der ganzen Welt, die anhand von Twitter-Nachrichten ermittelt werden. Die Funktionsweise der Karte ist einfach: Jedes Mal, wenn ein Tweet mit einem relevanten Schlüsselwort geteilt wird, wird er auf der Karte angezeigt. Die Darstellung erfolgt durch eine Art Heatmap, bei der je nach Anzahl der relevanten Tweets in einem bestimmten Gebiet die Farbskala und Kachelgröße von hell blau und klein (wenig Tweets) bis sattes blau und groß (viele Tweets) variiert.
Neben der reinen Visualisierung der Hotspots, bietet die Karte auch eine Möglichkeit, sich über einzelne Fälle von autoritärer Gewalt zu informieren. Klickt man auf einen markierten Ort, öffnet sich ein Pop-up-Fenster mit weiterführenden Informationen zum entsprechenden Vorfall. Diese Informationen sind von den Opfer-Gedenkseiten auf der Webseite verlinkt und enthalten neben einer kurzen Zusammenfassung auch Bilder, Videos und weitere relevante Details. Dadurch wird die Karte zu einem interaktiven Tool, das es den Nutzern ermöglicht, in die Thematik einzutauchen und sich über aktuelle Geschehnisse und vergangene Fälle zu informieren.
Die Weltkartenseite ist somit nicht nur ein beeindruckendes visuelles Element, sondern auch ein wichtiger Informationskanal. Sie zeigt, dass autoritäre Gewalt kein regionales Phänomen ist, sondern weltweit auftritt. Sie bietet einen Einstiegspunkt für die Webseite und zeigt die globale Tragweite der Thematik auf.


GEDENKLISTE
Die Gedenkliste stellt eine wesentliche Komponente der Webseite dar, indem sie als posthume Ruhestätte für Opfer autoritärer Gewalt fungiert. Hier werden sämtliche bereits registrierten Opfer namentlich aufgeführt und relevante Informationen zu ihrem Ableben dargelegt. Jeder Eintrag beinhaltet den Namen des Opfers, das Land, in dem es verstarb, sowie das Datum des Todes. Im Falle des Todes im Zusammenhang mit einem bekannteren Opfer wird dies zusätzlich vermerkt.
Die Aktualität eines jeden Eintrags wird durch eine charakteristische blaue Markierung hervorgehoben. Dies gewährleistet dem Nutzer eine zeitnahe Übersicht über neu registrierte Opfer und erlaubt ihm, sich über die aktuellsten Ereignisse zu informieren.
Darüber hinaus bietet die Gedenkliste eine effektive Suchfunktion, welche gezielte Suchanfragen mittels Schlüsselwörtern ermöglicht. Hierdurch kann der Nutzer gezielt Opfer in bestimmten Ländern oder in Zusammenhang mit spezifischen Ereignissen finden. Eine alphabetische Liste an der Seite erleichtert zudem das schnelle Auffinden von bestimmten Namen.
Die Gedenkliste liefert einen umfassenden Überblick über die Opfer autoritärer Gewalt und ermöglicht dem Nutzer eine intensivere Auseinandersetzung mit ihren individuellen Geschichten und Hintergründen. Als zentrales Element der Webseite trägt sie maßgeblich zur Wahrung des Gedenkens an die Opfer bei.


AKTIONEN
Die Aktionenseite stellt eine zentrale Funktion der Webseite dar, indem sie weltweite Aktionen wie Proteste, Workshops, Open-Calls, Talks und ähnliche Ereignisse auflistet. Bei einer unzureichenden Informationslage gelangt der Nutzer direkt auf die Veranstalterseite, während bei ausreichendem Informationsgehalt auf eine weitere Unterseite verlinkt wird, auf welcher nähere Informationen zur Aktion sowie ein Verweis auf den Veranstalter zu finden sind.
Durch diese umfassende Auflistung globaler Aktionen bietet die Webseite eine breite Plattform für Interessierte, um sich über aktuelle Veranstaltungen weltweit zu informieren und gegebenenfalls aktiv an ihnen teilzunehmen. Insbesondere die Verlinkung zur Veranstalterseite erlaubt es dem Nutzer, gezielt an Aktionen teilzunehmen und sich über die jeweiligen Hintergründe und Zielsetzungen zu informieren.
Dabei wird auf der Aktionenseite eine vielfältige Auswahl an unterschiedlichen Veranstaltungen präsentiert, welche eine breite Palette an Themenbereichen und Interessensgebieten abdecken. So ermöglicht die Seite es dem Nutzer, gezielt nach spezifischen Aktionen zu suchen und sich intensiver mit ihnen auseinanderzusetzen.
Auch hier lassen sich Filteroptionen finden. Durch die Filterfunktionen der Seite können Nutzer gezielt nach bestimmten Aktionen suchen, indem sie Schlüsselwörter eingeben oder bestimmte Kategorien auswählen. Außerdem kann der Zeitraum eingegrenzt werden, in dem die Aktionen stattfinden.

GLOSSAR
Die Glossarseite stellt dem Nutzer sämtliche Begriffserklärungen der Webseite in akribischer alphabetischer Reihenfolge zur Verfügung. Die zielgerichtete Suchfunktion ermöglicht es dem Nutzer, spezifisch nach Begriffen zu suchen oder im Zusammenhang mit der Gedenkseite eines Opfers alle damit verbundenen Termini aufzurufen. Auch die konventionelle alphabetische Leiste an der Seite kann genutzt werden.
Der Hauptzweck der Begriffserklärungen liegt darin, dem Leser ein mühelos verständliches Leseerlebnis zu bereiten. Durch die Implementierung von Popup-Fenstern innerhalb der Webseite wird ein unnötiges Verlassen der Seite verhindert, falls der Nutzer auf unklare Begriffe stößt. Somit wird ein nahtloses und benutzerfreundliches Erlebnis garantiert.

ABOUT
Die Webseite bietet dem Besucher durch ihre "About Me" Seite fundierte Informationen zum Betreiber und den Hintergründen, welche die Entwicklung der Plattform begleiten. Konkret wird dargelegt, dass die Webseite im Rahmen einer Bachelorarbeit entstanden ist. Darüber hinaus verweist ein Link auf die zugrundeliegende theoretische Arbeit, was es dem Nutzer ermöglicht, tiefer in das Thema und die Zusammenhänge der Webseite einzutauchen.
Eine bedeutende Funktion der "About Me" Seite stellt auch die Nutzerumfrage dar, welche sich gezielt den Interessen des Nutzers widmet. Somit wird gewährleistet, dass die Webseite den Bedürfnissen und Wünschen der Besucher gerecht wird. Die Umfrage ist sowohl auf Deutsch als auch auf Englisch verfügbar, um eine möglichst breite Zielgruppe anzusprechen.

KONTAKTFORMULAR
Die „Kontaktiere Uns“-Seite stellt eine bedeutende Schnittstelle zwischen uns und den Nutzern dar. Hier können diese uns direkt kontaktieren und uns ihre Anliegen mitteilen. Zu diesem Zweck steht ein klares und übersichtliches Kontaktformular zur Verfügung, welches eine schnelle und unkomplizierte Kontaktaufnahme gewährleistet. Die Nutzer haben hierbei die Wahl zwischen verschiedenen Anliegen, wie beispielsweise der Mitteilung eines weiteren Falls oder der Anforderung von detaillierteren Informationen zu einem spezifischen Vorfall. Das Formular ist bewusst auf das Wesentliche reduziert und beschränkt sich auf die wichtigsten Informationen wie Name und E-Mail-Adresse. Optional besteht auch die Möglichkeit einer anonymen Kontaktaufnahme. Die Kontaktseite selbst ist darüber hinaus mit einer klaren Auflistung verschiedener Kontaktmöglichkeiten versehen, um dem Nutzer eine möglichst komfortable Auswahl zu ermöglichen. Auch die Erreichbarkeitszeiten werden transparent dargestellt, um eine optimale Kontaktaufnahme zu gewährleisten. Die effektive und unkomplizierte Bearbeitung von Anliegen liegt uns sehr am Herzen. Wir sind stets bemüht, den Nutzern ein angenehmes Erlebnis auf unserer Webseite zu bieten und ihnen bei etwaigen Problemen oder Fragen schnell und effektiv zur Seite zu stehen. Das Kontaktformular sowie die auf der Kontaktseite bereitgestellten Informationen sind hierbei ein bedeutender Teil unserer Bemühungen.

VIII. Designkonzept

VISUALITÄT

Um ein Designkonzept zu erstellen, das die Brutalität der globalen autoritären Gewalt vor Augen führt und zur Teilnahme anregt, gibt es mehrere Faktoren zu berücksichtigen. Einige Aspekte, die in Betracht gezogen wurden:

KONTRASTREICHE UND EINDRUCKSVOLLE BILDER:
Um die Brutalität der globalen autoritären Gewalt zu vermitteln, können kontrastreiche und eindrucksvolle Bilder verwendet werden, die die Härte der Situation zeigen. Zum Beispiel könnten Bilder von politischen Unruhen, Krieg, Unterdrückung oder Folter gezeigt werden.

EINFACHE, KLARE UND PRÄGNANTE SPRACHE:
Um die Botschaft effektiv zu vermitteln, ist es wichtig, eine einfache, klare und prägnante Sprache zu verwenden. Die Sprache sollte direkt sein und die Bedeutung der Bilder verstärken.

VERWENDUNG VON TYPOGRAFIE:
Eine typografische Gestaltung kann dabei helfen, die Botschaft der Webseite zu verstärken und den Inhalt hervorzuheben. Eine klare Typografie mit viel Kontrast zwischen Text und Hintergrund kann die Aufmerksamkeit des Lesers auf sich ziehen.

BENUTZERFREUNDLICHKEIT:
Die Benutzerfreundlichkeit der Webseite sollte berücksichtigt werden, um sicherzustellen, dass Besucher nicht abgeschreckt werden und die Webseite leicht zugänglich ist. Die Webseite sollte einfach zu navigieren sein und eine klare Struktur aufweisen.

INTERAKTIVITÄT:
Um die Besucher zur Teilnahme zu ermutigen, kann die Webseite interaktive Elemente enthalten, die es den Besuchern ermöglichen, sich aktiv an der Webseite zu beteiligen. Zum Beispiel könnten Besucher ihre eigenen Erfahrungen oder Geschichten teilen oder Petitionen unterzeichnen.


Im Kontext der Webseite mit Mahnmal-Charakter kann das Designkonzept darauf abzielen, ein ästhetisch ansprechendes Erscheinungsbild zu schaffen, das den Nutzer emotional berührt und dazu motiviert, sich mit dem Thema auseinanderzusetzen. Wenn Nutzer die Webseite als ästhetisch ansprechend und visuell einprägsam empfinden, könnten sie dazu tendieren, diese positiven emotionalen Erfahrungen mit dem Inhalt der Webseite zu verknüpfen. Dies motiviert, sich mit dem Thema intensiver auseinanderzusetzen und sich möglicherweise aktiv zu engagieren.
Es gibt mehrere wissenschaftliche Studien, die den Aesthetic-Usability Effect untersucht haben und gezeigt haben, dass ästhetisch ansprechende Designs tatsächlich als benutzerfreundlicher empfunden werden. Eine dieser Studien wurde von Tractinsky durchgeführt und ergab, dass Nutzer bei der Verwendung von Webseiten eine höhere Zufriedenheit und eine höhere Leistungsfähigkeit zeigten, wenn sie das Design als ästhetisch ansprechend empfanden. ^[119]

GESTALTUNGSGRUNDLAGEN UND -ELEMENTE

Die Wahl einer editorialen und dokumentarischen visuellen Ästhetik ist angemessen, da sie eine seriöse und professionelle Atmosphäre schafft. Es kann auch den Eindruck vermitteln, dass die Informationen auf der Website von hoher Qualität und Glaubwürdigkeit sind.
Insgesamt wurden die Schriftarten und Farben aufgrund ihrer Lesbarkeit, Vielseitigkeit und zeitlosen Ästhetik ausgewählt, um eine Website zu schaffen, die benutzerfreundlich und professionell aussieht.

UX UND USER FLOW

Die Nutzerführung, auch als User Experience (UX) bezeichnet, bezieht sich auf die Gestaltung der Interaktion zwischen Nutzern und der Webseite, um eine nahtlose und positive Erfahrung zu gewährleisten. Um ein effektives und zufriedenstellendes Nutzererlebnis zu gewährleisten, müssen verschiedene Faktoren berücksichtigt werden, wie beispielsweise die Usability und der User Flow.
Usability bezieht sich auf die Benutzerfreundlichkeit einer Webseite, einschließlich der Navigation, der Verständlichkeit und der Bedienbarkeit der Benutzeroberfläche. Ein wichtiger Aspekt der Usability ist die Einhaltung von Webstandards und Konventionen, um eine konsistente und vertraute Umgebung für den Nutzer zu schaffen. Es ist auch wichtig, eine klare und verständliche Sprache zu verwenden, um den Nutzer durch die Webseite zu führen und ihn bei der Erreichung seiner Ziele zu unterstützen.
Der User Flow bezieht sich auf die Abfolge von Aktionen, die ein Nutzer auf der Webseite ausführt, um ein bestimmtes Ziel zu erreichen. Ein effektiver User Flow sollte klar und intuitiv sein und den Nutzer durch die Webseite führen, ohne dass er sich verirrt oder frustriert wird. Ein gutes Verständnis der Nutzerbedürfnisse und -ziele ist entscheidend, um einen effektiven User Flow zu gestalten.
Um die Nutzerführung und die User-Experience zu optimieren, können verschiedene Techniken und Werkzeuge eingesetzt werden, wie beispielsweise User Research, A/B-Tests, Heatmaps und Prototyping. Eine gründliche Analyse und Bewertung der Nutzererfahrung kann dazu beitragen, Schwachstellen zu identifizieren und das Design zu optimieren, um eine höhere Nutzerzufriedenheit und -bindung zu erreichen.

Im Rahmen der bevorstehenden Werkschau am 09. März 2023 wird der Prototyp der Webseite einer umfassenden Testphase unterzogen. Dabei erhalten Besucher die Gelegenheit, die Webseite ausgiebig zu durchklicken und auf Herz und Nieren zu prüfen. Die dabei gewonnenen Erkenntnisse werden sorgfältig dokumentiert, um sie im Anschluss für weitere Analysen und Evaluationen bereitzustellen.

RESPONSIVE DESIGN: MOBILE UND DARKMODE

Responsive Design beschreibt die Gestaltung von Webseiten, die sich automatisch an verschiedene Bildschirmgrößen anpassen, um eine optimale Darstellung auf allen Geräten zu gewährleisten. Insbesondere für die Nutzung auf Mobiltelefonen und Tablets ist diese Technologie von großer Bedeutung, da die Bildschirme hier vergleichsweise klein sind.
Durch die Verwendung von responsivem Design wird eine hohe Benutzerfreundlichkeit sichergestellt, da die Inhalte der Webseite auf jedem Gerät übersichtlich und ansprechend dargestellt werden. Hierbei werden beispielsweise Texte und Bilder automatisch skaliert oder verschoben, um eine bestmögliche Darstellung zu gewährleisten.
Im folgenden Abschnitt sollen nun einige Bilder gezeigt werden, wie sich das Layout der Webseite auf kleinen Geräten, wie zum Beispiel ein Handy, anpasst.

IX.. Visualisierung

MOCKUPS

Fullscreen

Mobile-Mockups

X. Realisation

VISUELLE UMSETZUNG

Dummy

In der gegenwärtigen Arbeit ist es entbehrlich, auf die präzise technische Umsetzung der Webseite einzugehen. Vielmehr fokussiert sich die Zielsetzung auf die Konzeption und Planung einer Webseite, die ein umfassend durchdachtes und wirkungsvolles Design aufweist. Die Erstellung eines Click-Dummys bietet hier eine geeignete Methode, um das Design in seiner Anwendung zu betrachten und zu evaluieren. Es erübrigt sich jedoch, ins Detail gehende technische Spezifika zu erörtern.

Im Vorfeld der Werkschau wird ein Prototyp entwickelt, welcher an dieser Stelle nachgetragen wird.

TECHNISCHE UMSETZUNG

Die Realisation außerhalb der Bachelorarbeit

Die Umsetzung einer generativ gestalteten Weltkarte, die in Echtzeit mit Daten gefüttert wird, stellt ein ehrgeiziges Projekt dar, welches hohe Anforderungen an Technologie und Kreativität stellt. Die Implementierung eines solchen Features erfordert nicht nur fortgeschrittene Kenntnisse in der Webentwicklung, sondern auch ein tiefes Verständnis der zugrunde liegenden Technologien. Die Verarbeitung von Echtzeitdaten erfordert beispielsweise eine sorgfältige Planung und Implementierung der Backend-Systeme, die die Datenverarbeitung und -übertragung übernehmen müssen.
Nichtsdestotrotz ist das Element, welches für die Startseite der Webseite entwickelt wird, von besonders hoher Bedeutung - eine interaktive Weltkarte, die generativ gestaltet und in Echtzeit mit gefilterten Tweets gespeist wird. Die Heatmap, welche durch die Weltkarte generiert wird, soll dabei die Brennpunkte autoritärer Gewalt aufzeigen und erste Informationen zu den Opfern liefern. Neben der technischen Umsetzung der Weltkarte müssen auch die Anforderungen an die Benutzerführung und das Design der Benutzeroberfläche berücksichtigt werden. Eine intuitive Bedienung der Karte und eine leicht verständliche Darstellung der Daten sind hierbei von besonderer Bedeutung.
Die interaktive Weltkarte wird in der Zukunft zweifellos ein wichtiger Bestandteil der Webseite darstellen und den Nutzern dabei helfen, komplexe Zusammenhänge und Muster von autoritärer Gewalt auf der ganzen Welt zu verstehen. Mit Hilfe von Echtzeitdaten und fortschrittlicher Technologie wird die Webseite zu einem leistungsstarken Werkzeug zur Überwachung und Analyse von Gewaltkonflikten.

Es ist wichtig anzumerken, dass die vollständige Entwicklung einer interaktiven, generativ gestalteten Weltkarte den Rahmen dieser Bachelorarbeit gesprengt hätte. Insbesondere da das Studium einen gestalterischen Schwerpunkt hat und nicht primär technisch ausgerichtet ist, reichten die persönlichen Fähigkeiten nicht aus, um die Visionen vollständig umzusetzen. Trotzdem wurden wichtige technische Grundlagen gelegt und erste Schritte unternommen, um das Projekt weiter voranzutreiben.

Die Ersten Schritte

Für dieses Projekt wurde, im Rahmen der ersten Schritte, eine Weltkarte als SVG in den HTML-Code integriert. Mithilfe von JavaScript wurden Hotspots manuell definiert und mit einem blauen Farbverlauf visualisiert. Zukünftig sollen die Koordinaten für die Hotspots automatisch aus den Tweets extrahiert werden. Je nach Anzahl der Tweets sollen die Hotspots entsprechend größer und farbintensiver dargestellt werden.
Um dies zu erreichen, wird eine Schnittstelle (API) verwendet, die es ermöglicht, Daten aus Twitter zu sammeln. Die Koordinaten der Tweets werden dann automatisch in die Weltkarte eingefügt und mit einem Farbverlauf entsprechend der Anzahl der Tweets eingefärbt.
Es ist geplant, diese Funktionen in eine webbasierte Anwendung zu integrieren, um eine benutzerfreundliche und interaktive Darstellung von Echtzeit-Twitter-Daten auf einer Weltkarte zu ermöglichen.